.box{
    margin: 0;
    padding: 0;
    width: 100%;
}
.title{
    display: flex;
    flex-direction: row;
    margin-left: 39.7%;
}
h1{
    margin: .2396rem 9px;
    display: flex;
    flex-direction: row;
}
.heng{
    margin: auto 0;
    width: .1458rem;
    height: 0px;
    background: #aeaeae;
    border: .0208rem solid #aeaeae;
}
.yuan{
    margin: auto .0573rem;
    width: .0417rem;
    height: .0417rem;
    background: #aeaeae;
    border-radius: 50%;
}
.nav{
    width: 100%;
    height: .6615rem;
    background: #ffffff;
    display: flex;
    flex-direction: row;
}
.box1{
    // width: 1.4844rem;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.n-box{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} 
.n-nav{
    width: .5469rem;
    height: .1719rem;
    border: solid .0052rem #232481;
    color: #232481;
    text-align: center;
    line-height: .1719rem;
    margin-top: .1771rem;
}
.active{
    color: #ffffff;
    background: #232481;
}
.n-tag{
    font-size: .0833rem;
    font-weight: 400;
    text-align: center;
    color: #8f8f8f;
    margin: .0677rem;
}
.shu{
    width: 0;
    height: .2188rem;
    border: .0052rem solid #c6c6c8;
}

.category{
    width: 100%;
    height: .3802rem;
    background: #ffffff;
    margin-top: .0729rem;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    // align-items: center;
    // border: 1px solid red;
}
.flex{
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    // line-height: .1865rem;
    // margin-bottom: .2rem;
    margin-top: .125rem;
    // height: 100%;
    // justify-content: space-evenly;
    margin-left: .125rem;
}
.c-nav{
    // width: .4983rem;
    // height: .1302rem;
    margin-bottom: .125rem;
    font-size: .0938rem;
    font-weight: 600;
    text-align: center;
    color: #2d2d2d;
    margin-right: .155rem;
}
.c-nav:hover{
    text-decoration: underline;
}
.more{
    font-size: .0938rem;
    font-weight: 600;
    color: #3644BF;
    margin-top: .125rem;
    // display: flex;
    // align-items: center;
    margin-right: .1302rem;
    img{
        width: .0825rem;
        height: .0825rem;
        margin-left: .0208rem;
    }
    .nav-icon{
        // transition: transform 1s;
    }

    .open{
        transform:rotateZ(180deg);
    }

}

.shop{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.s-box{
    margin-top: .0729rem;
    // width: 1.3958rem;
    width: 19%;
    // height: 1.9167rem;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    // padding: .0781rem .0677rem;
}
.s-img{
    // width: 100%;
    // height: 1.1771rem;
    margin: .0781rem .0677rem 0  .0677rem;
    img{
        width: 100%;
        height: 100%;
        // border: dashed .0052rem black;
    }
}
.s-detail{
    width: 80%;
    // margin-left: .0677rem;
    margin-top: .0417rem ;
    padding-left: .0677rem;
    font-size: .099rem;
    font-weight: 400;
    text-align: left;
    color: #2d2d2d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s-price{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: .0469rem .0677rem;
    // margin-top: .0469rem;
}
.price{
    font-size: .0625rem;
    font-weight: 400;
    color: #f73f11;
    .p1{
        display: inline-block;
        font-size: .1302rem;
        font-weight: 600;
    }
}
.num{
    font-size: .0729rem;
    font-weight: 400;
    text-align: left;
    color: #232481;
    display: flex;
    align-items: self-end;
}
.s-company{
    font-size: .0833rem;
    font-weight: 400;
    text-align: left;
    color: #8f8f8f;
    margin-left: .0625rem;
    margin-bottom: .0781rem;
}
